@charset "utf8";

main {
	width: 100%;
	height: 5500px;
	background: #fff;
}
	.sticky{
				position: fixed;
				top: 0;
				width: 100%;
			}
main nav {
	width: 100%;
	height: 90px;
	background: #fff;
	z-index: 100;
}

main nav div.left {
	width: 230px;
	height: 90px;
	backg round: pink;
	margin-left: 210px;
	margin-top: 16px;
}

main nav div.left ul li img{
	width: 60px;
	height: 60px;
}

main nav div.left ul li img.img1{
	width: 150px;
	height: 60px;
	padding-top: 8px;
}

main nav div.middle{
	width: 450px;
	height: 90px;
	backgro und: orange;
	position: relative;
	top: -90px;
	left: 460px;
}

main nav div.right{
	width: 267px;
	height: 43px;
	border: 1px solid #e0e0e0;
	position: relative;
	top: -157px;
	left: 1140px;
}

main nav div.left ul li{
	float: left;
	padding: 10px 2px;
}

main nav div.left ul li.log{
	position: relative;
	top: 4px;
}

main nav div.middle ul li {
	float: left;
	padding: 0 5px;
	line-height: 91px;
	font-size: 15px;

}

main nav div.middle ul li a {
	color: #000;
}

main nav div.middle ul li a:hover {
	color: #ff6700;
}

main nav div.right ul li.search {
	width: 48px;
	height: 43px;
	border-left: 1px solid #e0e0e0;
}

main nav div.right ul li i {
	padding: 0 8px;
	background: url(../img/search.png) no-repeat;
	position: relative;
	left: 15px;
}

main nav div.right ul li {
	float: right;
	line-height: 45px;
}

main nav div.right ul li span {
	font-size: 13px;
	margin-top: 7px;
	margin-left: 7px;
	margin-right: 9px;
}

main nav div.right ul li span {
	background: #eeeeee;
}

main nav div.right ul li span:hover {
	color: #fff;
	background: #ff6700;
}

/* 左栏------------------------------ */
main div#picture {
	width: 1200px;
	height: 430px;
	margin-left: 210px;
	margin-top: 413px;
	backg round: #000000;
}

main div#picture aside {
	width: 230px;
	height: 430px;
	background: #8c8c8c;
	position: absolute;
	left: 210px;
	top: 146px;
}

main div#picture aside ul li{
	width: 180px;
	height: 20px;
	font-size: 15px;
	line-height: 40px;
	padding-left: 20px;
	color: #eee;
	position: relative;
}
main div#picture aside ul li.li11{
	margin-top: 20px;
	height: 40px;
}
main div#picture aside ul li span{
	float: right;
	color: #fff;
	padding-right: 20px;
}
main div#picture aside ul li:hover {
	background: #f45100;
}
/* ---左栏弹出- */

main div#picture aside ul.sidebar li{
	width: 235px;
	height: 50px;
	/*相对定位--挂靠点*/
	position: relative;
	text-align: left;
	line-height: 50px;
	top: 15px;
    padding-left: 30px;
					
}
main div#picture aside ul.sidebar div.out1{
	width: 600px;
	height: 430px;
	border: 1px solid red;
	position: absolute;
	left: 230px;
	top: 0px;
	display: block;
	z-index: 999;
	background-color: aqua;
}
/* 轮播图--------- */
main div#picture figure {
	width: 1200px;
	height: 430px;
	backgrou nd: lightcyan;
	margin-top: -412px;
	margin-left: 230px;
}
main div#picture figure div#main div.container div.banner ul li img{
	height: 430px;
}
/* ---------- */
main div#four_image {
	width: 1300px;
	height: 177px;
	back ground: #4c92dd;
	margin-left: 210px;
	margin-top: 15px;
}

main div#four_image div {
	width: 300px;
	height: 170px;
	float: left;
	margin: 12px;
}

main div#four_image div.picture1 {
	width: 230px;
	background: url(../img/left.png) no-repeat;
	margin-left: 0;
}

main div#four_image div.picture2 {
	background: url(../img/subnav_icon01.png) no-repeat;
}

main div#four_image div.picture3 {
	background: url(../img/subnav_icon02.jpg) no-repeat;
}

main div#four_image div.picture4 {
	background: url(../img/subnav_icon03.png) no-repeat;
}

main div#four_image div:hover {
	box-shadow: 3px 3px 3px gray;
}

/* -------- */
main div#star {
	width: 1200px;
	height: 35px;
	back ground: #f8f8ad;
	margin-left: 209px;
	margin-top: 46px;
}
main div#star div.arrows {
	width: 70px;
	height: 35px;
	back ground: #adeaea;
	float: right;
	margin-top: -35px;
}
main div#star div.single {
	width: 134px;
	height: 35px;
	backgr ound: #eaadea;
}
main div#star div.arrows ul li {
	width: 33px;
	height: 34px;
	border: 1px solid #e0e0e0;
	float: left;
	text-align: center;
	line-height: 35px;
	color: black;
	font-size: 16px;
}
main div#star div.single span {
	font-size: 22px;
	color: #000;
	text-align: center;
	line-height: 35px;
}
main div#star div.arrows ul li:hover {
	background: #464646;
}
/* 明星单品---------------------- */
main div#Mstar {
	width: 1250px;
	height: 310px;
	bac kground: #1a7fff;
	margin: 0 auto;
	margin-top: 10px;
}

main div#Mstar div {
	width: 220px;
	height: 310px;
	text-align: center;
	font-size: 15px;
	float: left;
	margin-left: 25px;
	background: #fafafa;
}

main div#Mstar div dl dd {
	color: #000;
}

main div#Mstar div.Schest {
	border-top: 1px solid #fcab37;
	margin-left: 10px;
}
main div#Mstar div.frige {
	border-top: 1px solid #83c44e;
}
main div#Mstar div.Schest dl dt img {
	width: 90px;
	height: 100px;
	margin: 60px auto;
}
main div#Mstar div.frige dl dt img {
	width: 120px;
	height: 120px;
	margin: 50px auto;
}
main div#Mstar div.Schest {
	border-top: 1px solid #2196f3;
}
main div#Mstar div.lchest dl dt img {
	width: 120px;
	height: 50px;
	margin: 85px auto;
}
main div#Mstar div.lchest{
	border-top: 1px solid #c0b470;
}
main div#Mstar div.ear_sound {
	border-top: 1px solid #e53935;
}
main div#Mstar div.ear_sound dl dt img {
	width: 100px;
	height: 115px;
	margin: 52px auto;
}
main div#Mstar div.lyq {
	border-top: 1px solid #00c0a5;
}

main div#Mstar div.lyq dl dt img {
	width: 90px;
	height: 100px;
	margin: 59px auto;
}

/*-------------- */
main div#background {
	width: 100%;
	height: 4550px;
	background-color: #f5f5f5;
	margin-top: 90px;
}

div#technology {
	width: 1200px;
	height: 30px;
	bac kground: #efa2ff;
	margin-left: 210px;
	margin-top: 110px;
}

div#technology div.tec_left span {
	font-size: 23px;
	text-align: center;
	color: #000;
}

div#technology div.tec_right {
	width: 100px;
	height: 30px;
	float: right;
	margin-top: -31px;
	backg round: red;
}

div#technology div.tec_right ul li {
	float: left;
	line-height: 30px;
	color: black;
	font-size: 18px;

}

div#technology div.tec_right ul li.kkli {
	padding: 10px 13px;
	background: url(../img/hardware_morebtn.png) no-repeat;
	margin-top: 4px;
}

/* 智能硬件------------------- */
main div#kid_watch {
	width: 1234px;
	height: 590px;
	backgro und: #ddd55a;
	margin: 10px auto;
}

main div#kid_watch div {
	float: left;
}

main div#kid_watch div.watch1 {
	width: 220px;
	height: 590px;
	backgroun d-color: aquamarine;
	background: url(../img/haraware_kid.png);
}

main div#kid_watch div.watch2 {
	width: 950px;
	height: 285px;
	backg round: #f8d135;
	margin-left: 20px;
}

main div#kid_watch div.watch3 {
	width: 950px;
	height: 285px;
	backgr ound: #b81a6a;
	margin: 20px 20px;
}

main div#kid_watch div.watch2 div.scale {
	margin-left: 0;
}

main div#kid_watch div.watch2 div.scale dl dt img {
	width: 110px;
	height: 100px;
	margin: 45px auto;
}

main div#kid_watch div.watch2 div.lyqkk dl dt img {
	width: 110px;
	height: 100px;
	margin: 45px auto;
}

main div#kid_watch div.watch2 div.circle_watch dl dt img {
	width: 110px;
	height: 100px;
	margin: 45px auto;
}

main div#kid_watch div.watch2 div.safe dl dt img {
	width: 110px;
	height: 100px;
	margin: 45px auto;
}

main div#kid_watch div.watch3 div.camera {
	margin-left: 0;
}

main div#kid_watch div.watch3 div.camera dl dt img {
	width: 110px;
	height: 100px;
	margin: 45px auto;
}

main div#kid_watch div.watch3 div.xyj_01 dl dt img {
	width: 110px;
	height: 100px;
	margin: 45px auto;
}

main div#kid_watch div.watch3 div.nightTV dl dt img {
	width: 110px;
	height: 100px;
	margin: 45px auto;
}

main div#kid_watch div.watch3 div.Yeelight dl dt img {
	width: 110px;
	height: 100px;
	margin: 45px auto;
}

/* ---------------- */
main div#match {
	width: 1190px;
	height: 35px;
	margin-left: 210px;
	margin-top: 50px;
}

main div#match div.match_left {
	width: 70px;
	height: 35px;
	backgrou nd-color: #6ffade;
	color: #333333;
	font-size: 25px;
}

main div#match div.match_right ul li {
	float: right;
	font-size: 19px;
	padding: 9px;
	margin-top: -40px;
}

main div#match div.match_right ul li a {
	color: #333333;
}

main div#match div.match_right ul li a:hover {
	text-decoration: underline;
	color: #ff6700;
}

/* 搭配--------- */
main div#matchA {
	width: 1234px;
	height: 590px;
	backgr ound: #7a7ffa;
	margin: 0 auto;
	margin-top: 20px;
}

main div#matchA div.matchA_top {
	width: 1200px;
	height: 286px;
	back ground: #7ff9a9;

}

main div#matchA div.matchA_bottom {
	width: 1200px;
	height: 286px;
	backgr ound: #0a7ffa;
	margin-top: 15px;
}

main div#matchA div.matchA_top div.left {
	background: url(../img/dapei_icon01.png);
}

main div#matchA div.matchA_bottom div.right {
	background: url(../img/dapei_icon02.png);
}

main div#matchA div.matchA_top div.lyq03 dl dt img {
	width: 70px;
	height: 120px;
	margin: 35px auto;
}

main div#matchA div.matchA_top div.MI_watch dl dt img {
	width: 70px;
	height: 120px;
	margin: 35px auto;
}

main div#matchA div.matchA_top div.anfang dl dt img {
	width: 160px;
	height: 25px;
	margin: 83px auto;
}

main div#matchA div.matchA_top div.sport_camer dl dt img {
	width: 70px;
	height: 120px;
	margin: 35px auto;
}

main div#matchA div.matchA_bottom div dl dt img {
	width: 70px;
	height: 120px;
	margin: 35px auto;
}

main div#matchA div.matchA_bottom div.technology_camer dl dt img {
	width: 50px;
	height: 120px;
	margin: 35px auto;
}

main div#matchA div.matchA_bottom div.last div.k1 {
	width: 230px;
	height: 135px;
	background: url(../img/content-top_icon01.png) no-repeat;

}

main div#matchA div.matchA_bottom div.last div.k2 {
	width: 230px;
	height: 135px;
	margin-left: 0;
	background: url(../img/content-top_icon02.png) no-repeat;
}

main div#matchA div.matchA_bottom div.last div.k3 {
	width: 230px;
	height: 16px;
	margin-left: 0;
	background-color: #f5f5f5;
}

/* ------------ */
main div#round {
	width: 1190px;
	height: 35px;
	margin-top: 45px;
	margin-left: 215px;
}

main div#round div.left {
	color: #333333;
	line-height: 35px;
	font-size: 25px;
}

main div#round div.right {
	line-height: 17px;
}

main div#round div.right ul li {
	float: right;
	font-size: 20px;
	padding: 10px;
	margin-top: -35px;
}

main div#round div.right ul li a {
	color: #333333;
}

main div#round div.right ul li a:hover {
	color: #ff6700;
	text-decoration: underline;
}

/* 周边-------------------- */
main div#big_round {
	width: 1234px;
	height: 590px;
	backgro und-color: #7fa77a;
	margin: 0 auto;
	margin-top: 10px;
}

main div#big_round div.round_top {
	width: 1190px;
	height: 287px;
	backgr ound-color: rebeccapurple;
}

main div#big_round div.round_bottom {
	width: 1190px;
	height: 287px;
	backgr ound-color: skyblue;
	margin-top: 15px;
}

main div#big_round div.round_top div.chests {
	background: url(../img/peijian_icon01.png);
}

main div#big_round div.round_bottom div.yinxiang {
	background: url(../img/peijian_icon02.png);
}

main div#big_round div.round_bottom div dl dt img {
	width: 150px;
	height: 160px;
	margin: 15px auto;
}

main div#big_round div.round_bottom div.lasts div.f1 {
	width: 230px;
	height: 140px;
	background: url(../img/peijian_icon10.png);
}

main div#big_round div.round_bottom div.lasts div.f2 {
	width: 230px;
	height: 7px;
	background: #f5f5f5;
	margin-left: 0;
}

main div#big_round div.round_bottom div.lasts div.f3 {
	width: 230px;
	height: 140px;
	background: url(../img/content-top_icon02.png);
	margin-left: 0;
}

/* -------------- */
main div#sory {
	width: 1190px;
	height: 35px;
	margin-top: 45px;
	margin-left: 215px;
}

main div#sory div.acc_left {
	color: #330c02;
	line-height: 35px;
	font-size: 25px;
}

main div#sory div.acc_right ul li {
	float: right;
	font-size: 20px;
	padding: 10px;
	margin-top: -40px;
}

main div#sory div.acc_right ul li a {
	color: #333333;
}

main div#sory div.acc_right ul li a:hover {
	color: #ff6700;
	text-decoration: underline;
}

/* 配件------------------ */
main div#sory_mid {
	width: 1234px;
	height: 590px;
	backg round: #8ffa99;
	margin: 10px auto;

}

main div#sory_mid div.acc_top {
	width: 1190px;
	height: 287px;
	backgr ound: #ba82fa;
}

main div#sory_mid div.acc_bottom {
	width: 1190px;
	height: 287px;
	margin-top: 15px;
	backg round: #d29df8;
}

main div#sory_mid div.acc_top div.summer {
	background: url(../img/zhoubian_icon01.png);
}

main div#sory_mid div.acc_bottom div.travel {
	background: url(../img/zhoubian_icon02.png);
}

main div#sory_mid div.acc_top div.self_photo dl dt img {
	width: 20px;
	height: 130px;
	margin: 30px auto;
}

main div#sory_mid div.acc_top div dl dt img {
	width: 110px;
	height: 120px;
	margin: 35px auto;
}

main div#sory_mid div.acc_bottom div.wifi dl dt img {
	width: 60px;
	height: 130px;
	margin: 30px auto;
}

main div#sory_mid div.acc_bottom div dl dt img {
	width: 70px;
	height: 110px;
	margin: 40px auto;
}

main div#sory_mid div.acc_bottom div.lastes div.m1 {
	width: 230px;
	height: 140px;
	background: url(../img/zhoubian_icon10.png);
}

main div#sory_mid div.acc_bottom div.lastes div.m2 {
	width: 230px;
	height: 7px;
	background: #f5f5f5;
	margin-left: 0;
}

main div#sory_mid div.acc_bottom div.lastes div.m3 {
	width: 230px;
	height: 140px;
	background: url(../img/content-top_icon02.png);
	margin-left: 0;
}

/* ------------------- */
main div#hot_product {
	width: 1900px;
	height: 35px;
	margin-top: 45px;
	margin-left: 215px;
}

main div#hot_product div {
	font-size: 25px;
	line-height: 35px;
	color: #333;
}

/* 热评产品---------------------- */
main div#hotp {
	width: 1234px;
	height: 400px;
	margin: 10px auto;
}
}

main div#hotp div.chapan dl dd:nth-child(2) {
	color: #c2c1c2;
	font-size: 11px;
	padding: 20px;
}

main div#hotp div.ear_sounds dl dd:nth-child(3) {
	width: 130px;
}

main div#hotp div.ear_sounds dl dd:nth-child(2) {
	padding-top: 37px;
}

main div#hotp div.ear_sounds dl dd:last-child {
	margin-left: 159px;
}

main div#hotp div.chestes dl dd:last-child {
	margin-left: 107px;
}

main div#hotp div.chestes dl dd:nth-child(3) {
	width: 76px;
}

main div#hotp div.people dl dd:nth-child(3) {
	width: 146px;
}

main div#hotp div.chestes dl dd:nth-child(2) {
	padding-top: 37px;
}

main div#hotp div.people dl dd:nth-child(2) {
	padding: 17px;
}

main div#hotp div.people dl dd:last-child {
	margin-left: 179px;
}

/* ----------------- */
main div#artical {
	width: 1190px;
	height: 35px;
	margin-left: 215px;
	margin-top: 45px;
}

main div#artical div {
	font-size: 25px;
	text-align: 35px;
	color: #333;
}

/* 内容----------------- */
main div#artical_con {
	width: 1234px;
	height: 400px;
	back ground: #7aafaa;
	margin: 15px auto;
}
main div#artical_con div.library{
	border-top: 1px solid #ff6700;
}
main div#artical_con div.theme{
	border-top: 1px solid #83c44e ;
}
main div#artical_con div.game{
	border-top: 1px solid #e53935 ;
}
main div#artical_con div.apply{
	border-top: 1px solid #6fd4ff;
}
main div#artical_con div.library dl dd:first-child {
	color: #ff6700;
	font-size: 15px;
   margin-top: 35px;
   margin-bottom: 25px;
}
main div#artical_con div.theme dl dd:first-child{
	color: #83c44e;
	margin-top: 35px;
	margin-bottom: 25px;
}
main div#artical_con div.theme dl dd:nth-child(4){
	margin-top: 25px;
}
main div#artical_con div.theme dt img{
	margin-top: 20px;
}
main div#artical_con div.game dl dd:first-child{
	color: #e53935;
	margin-top: 35px;
	margin-bottom: 25px;
}
main div#artical_con div.apply dl dd:first-child{
	color: #6fd4ff;
	margin-top: 35px;
	margin-bottom: 25px;
}
main div#artical_con div.game dt img{
	width: 100px;
	height: 100px;
}
main div#artical_con div.game dl dd:nth-child(4){
	margin-top: 30px;
	margin-bottom: 10px;
}
main div#artical_con div.apply dl dd:nth-child(4){
	margin-top: 30px;
	margin-bottom: 10px;
}
main div#artical_con div.apply dt img{
	width: 100px;
	height: 100px;
}
/* -------------------- */
main div#vi{
	width: 1190px;
	height: 35px;
	backg round: #adeaea;
	margin-left: 215px;
	margin-top: 45px;
}
main div#vi div.vi_left span{
	font-size: 25px;
	color: #333;
}
main div#vi div.vi_right{
	float: right;
	width: 100px;
	margin-right: 15px;
}

main div#vi div.vi_right ul li{
	font-size: 20px;
	color: #333;
	float: left;
	margin-top: -30px;
}
main div#vi div.vi_right ul li:last-child{
	padding: 10px 13px;
	background: url(../img/hardware_morebtn.png) no-repeat;
	margin: -26px 85px;
}
/* 视频----------------- */
main div#vi_mains{
	width: 1290px;
	height: 300px;
	margin-left: 210px;
	margin-top: 15px;
}
main div#vi_mains div.vi_a dl dt i img{
	left: 225px;
}
main div#vi_mains div.vi_b dl dt i img{
	left: 525px;
}
main div#vi_mains div.vi_c dl dt i img{
	left: 825px;
}
main div#vi_mains div:hover{
	box-shadow: 3px 3px 3px lightgray;
	margin-top: 2px;
}
main div#vi_mains div dl dt i img{
	width: 35px;
	height: 25px;
	position: absolute;
	left: 1127px;
	top: 5190px;
}
main div#artical_con div dl dd:nth-child(2) {
	font-size: 17px;
	color: #333;
}
main div#artical_con div dl dd:nth-child(3){
	font-size: 12px;
	color: #b0b0b0;
	margin: 10px 10px;
}